草庐IT

Bootstrap4 按钮

全部标签

javascript - 将按钮注入(inject)站点(Chrome 扩展内容脚本)

我正在尝试使用Chrome的内容脚本在页面上插入一个按钮,但该按钮从未出现,而且我在控制台中也没有收到任何错误。我的manifest.json文件:{"name":"Test","version":"0.0.1","manifest_version":2,"description":"Test","default_locale":"en","permissions":[""],"content_scripts":[{"matches":[""],"js":["src/inject/inject.js"]}]}和我的inject.js文件:document.addEventListene

javascript - onchange 不适用于单选按钮

我有几个单选按钮应该调用hider(something);当它们改变时,意思是当它们被选中或未被选中时。这起作用,即,当检查时,他们调用JS函数,但是,如果由于从该组中选择了另一个广播按钮而没有选中,则不会再次调用JS脚本。我需要使用onchange以外的东西吗?这是单选按钮目前的样子:solarislinux我的隐藏函数目前是:functionhider(divid){if($(divid).is('.hidden')){$(divid).removeClass('hidden');}else{$(divid).addClass('hidden');}}

javascript - preventDefault() 和单选按钮的奇怪行为

查看这个jsFiddle:http://jsfiddle.net/nathanfriend/vAcpc/9/似乎preventDefault()方法不会阻止单击的单选按钮切换(请注意消息总是说“已选中此单选按钮”,无论其先前状态如何)。但是,在onclick()方法完成后,单选按钮会快速回到其初始状态(第一次选择单选按钮时除外)。preventDefault()似乎并不是通过实际阻止单选按钮被选中来工作的,而是通过将按钮集返回到它们之前的状态来工作的。谁能解释这种行为?我希望能够完全防止单选按钮被切换——这样我就可以准确地检查单选按钮是否在其onclick()方法中被选中。有任何想法吗

javascript - AngularJS bootstrap popover 自定义指令

我使用bootstrap自定义弹出窗口创建了一个指令。这可以从用户输入组名,它有两个按钮用于将该值应用于模型并在工具提示上显示该值,还有一个按钮用于关闭弹出窗口。我正在使用popoverjava脚本事件,问题是单个popover工作得很好但是当我打开另一个popover时,这个popover不会自行关闭。在打开一个弹出窗口时需要帮助关闭其他弹出窗口。这是plnk显示指令。这是代码varapp=angular.module('myApp',[]);app.directive('customEditPopover',function(){return{restrict:'A',templa

javascript - 如何在 bootstrap modal 中将输入焦点设置为 kendo-ui 网格输入

在将我的kendo-ui网格移动到Bootstrap模式之前,我将单击“添加行”,然后将选择3个输入中的第一个。然后我会切换到第2个,然后切换到第3个,然后切换到复选框按钮,我将在其中按enter键并添加该行。然后焦点将返回到“添加行”按钮,我可以在其中按回车键重新开始流程。好吧,现在它在一个模式中,我失去了除了标签之外的一切。我找到了使用jquery来应用焦点的解决方案,但我的网格Controller中已经有了它。Kendo-ui网格Controller$scope.mainGridOptions={dataSource:dataSource,pageable:false,toolb

javascript - Bootstrap 轮播使文本逐字母出现

我正在为slider使用bootstrapcarousel,在每张幻灯片上都有一些文字。我希望幻灯片上的文字逐个字母显示。我差不多解决了..但是有两个问题在第一张幻灯片上根本没有出现文本如果用户转到浏览器上的某个其他选项卡意味着如果当前窗口不在焦点中,那么一切都会变得一团糟。HereismyfiddleHTMLcompanieswithInboundMarketingWehelpcompanieswithInboundMarketingWehelp2companieswithInboundMarketingWehelp3companieswithInboundMarketingWehe

javascript - Angular 2 ng-bootstrap 模态 : How to pass data to entry component

我正在尝试将数据发送到自定义模式内容组件,以便我可以从任何其他组件调用它而不是重复代码。我是Angular2的新手,并且遵循了ng-boostrap的“组件作为内容”演示以及Angular文档中的“组件交互”,但还没有找到使它工作的方法或这种情况的示例.我可以打开模式,但不能打开动态内容。我尝试了@Input和变量方法,但没有成功。我还向app.module.ts中的提供程序添加了ModalService。这是我对这两种方法都不起作用的方法:page.component.html:页面.component.ts:import{Component}from'@angular/core'i

javascript - jQuery 分页 + Twitter Bootstrap

我正在尝试修改Jquery分页(basedonthisJquerypaginationtutorial-demo)以使用很棒的TwitterBootstrap。TwitterBootstrap的标准分页设置如下所示,因此这是分页输出结构的目标。←Previous12345Next→到目前为止,我可以通过更改html输出结构来使其工作,但事件突出显示无法正常工作,因为我更改了的输出。到标签。ThisiswhereIamstucknowATM!我还需要做以下事情:禁用prev按钮,当在第一页时更改事件页面更改时禁用next在最后一页时的按钮修复prev按钮使其再次工作修

javascript - Facebook 分享按钮未加载 Rails turbolinks

我遵循Facebook的一般准则以包含“分享”按钮(社交插件)https://developers.facebook.com/docs/plugins/share-button_social.html.erbfb_share.jsvarfb_share;fb_share=function(d,s,id){varjs,fjs=d.getElementsByTagName(s)[0];if(d.getElementById(id))return;js=d.createElement(s);js.id=id;js.src="//connect.facebook.net/en_US/sdk.j

javascript - 在 sencha touch 中使用按钮导航

我正在迈出使用Senchatouch的第一步。结果正是我所追求的,然而要获得Sencha的组合方式却很困难。我正在慢慢弄清楚,但有时代码的工作方式有点WTF。我正在尝试构建一个非常简单的应用程序来执行以下操作。1)具有三个选项卡,附近搜索(地理)、快速关键字搜索、类别搜索。2)每个选项卡搜索返回​​一个结果列表3)单击每一行可以显示更多信息。我认为我已经找到了标签。像这样:Ext.setup({tabletStartupScreen:'tablet_startup.png',phoneStartupScreen:'phone_startup.png',icon:'icon.png',g